<template>
    <div>
        <jobhead :title="options.zp_title"  @getther="getther"></jobhead>
        <router-view ref="page" :class="{cont:$store.state.winWidth > 768,mob:$store.state.winWidth <=768}"></router-view>
    </div>
</template>

<script>
import jobhead from "@/components/jobHead.vue"

    export default {
        components: {
    jobhead
  },
  computed: {
        options() {
            return this.$store.state.dataInfo
        },
    },
    methods: {
        getther(d){
        console.log(d);
        this.$refs.page.scrollTo(d)
    }
  ,
    },
    }
</script>

<style lang="scss" scoped>
.cont{
    padding-top: 72px;
    width: calc(100vw - 8px);
    overflow-x: hidden;
}
.mob{
  padding-top: 250px;
  background-color: #F4F4F6;
  min-height: 100vh;
}
</style>